<html>
<head>
<script src="jquery.js"></script>
<script>
	(function (){
		var sty = document.createElement("style");
		sty.type = "text/css";
		if (sty.styleSheet) {
		  sty.styleSheet.cssText = "html {overflow-y: scroll;}";
		} else {
		  sty.appendChild(document.createTextNode("html{overflow-y:scroll;overflow:-moz-scrollbars-vertical;}"));
		}
		document.getElementsByTagName("head")[0].appendChild(sty);
	})();
	function updateDim(){
		$("#win").html($(window).width()+'/'+$(window).height());
		//$('#doc').html('document='+$(document).width()+'px X '+$(window).height()+'px');
		//$('#client').html('clientHeight='+document.body.clientHeight+'px , clientWidth='+document.body.clientWidth+'px');
		//$('#scroll').html('scrollHeight='+document.body.scrollHeight+'px, scrollWidth='+document.body.scrollWidth+'px');
	}
	$(document).ready(function () {
		updateDim();
		$(window).resize(function(){
		  updateDim();
		});
	});
</script>
<style>
html{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}
</style>
</head>
<body bgcolor="#000000" style="color:white">
<div id="win" style="font-size:75px;text-align:center">
</div>
<div id="doc">
</div>
<div id="client">
</div>
<div id="scroll">
</div>
</body>
</html>
